html {

    background: url("../images/CO_BACKGROUND-BOOKS.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -mozilla-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    font:status-bar;

}

ul.navbar 
{
    list-style: none;
    display: block;
    background-color: #e5e5e6;
    padding: 10px 0;
    border: solid 5px black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px; 
}


div.circle
{ 
    position: absolute;
    top: 4em;
    left: 8em;
    height: 10em;
    width: 10em;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border: 0.2em solid #000000;
    background-color: #e5e5e6;
    font:status-bar;
    font-size: 16px;
}

div.circle2
{
    position: absolute;
    left: 20em;
    top: 20em;
    height: 20em;
    width: 20em;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border: 0.2em solid #000000;
    background-color: #e5e5e6;
    font:status-bar;
    font-size: 16px;
}

div.circle3
{
    position: absolute;
    right:20em;
    top: 10em;
    height: 15em;
    width: 15em;
    -webkit-border-radius: 7.5em;
    -moz-border-radius: 7.5em;
    border: 0.2em solid #000000;
    background-color: #e5e5e6;
    font:status-bar;
    font-size: 16px;
}

.circle p 
{ 
    font-family: sans-serif;
    text-align: center;
    font-size: .75em;
    margin: 1em!important;
    
}

.circle2 p 
{ 
    font-family: sans-serif;
    text-align: center;
    font-size: .75em;
    margin: 1em!important;
    
}

.circle2 p 
{ 
    font-family: sans-serif;
    text-align: center;
    font-size: .6em;
    margin: 1.2em!important;
    
}
    
.circle3 p
{
    font-family: sans-serif;
    text-align: center;
    font-size: .6em;
    margin: 1.2em!important; 

}

div.inside
{
    position:relative;
    top:50%;
    height:10em;
    margin-top:-5em;
    text-align: center;
}



#PopUp
{
    display: none;
    position: fixed;
    z-index: 100;
    left: 30em;
    top: 4em;

    border: solid 3px black;
    border-radius:30px 30px 30px;
    padding: 10px;
    background: #e5e5e6;
    text-align: center; 
    font-size: 12px;
    width: 185px;
    
}


#PopUp2{
    display: none;
    position: absolute;
    z-index: 100;
    left: 30em;
    top: 4em;

    border: solid 3px black;
    border-radius:30px 30px 30px;
    padding: 10px;
    background: #e5e5e6;
    text-align: center; 
    font-size: 12px;
    width: 185px;

}

#username 
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px; 
}

#password
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px; 
}

#password2
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px; 

}

#email
{

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px; 
}
